<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<style>
.ui-widget,.ui-widget .ui-widget {
	font-size: 11px !important;
}
</style>
	<title>Consultar Cliente</title>
	<link rel="stylesheet" type="text/css" href="css/estilos.css" />
</h:head>
<body>
	<h:form id="cClienteForm">
		<p:panel id="cClientePanel" style="border: none;">
			<h2>Consultar Clientes</h2>
			<h:panelGrid columns="4" cellpadding="2" style="border: 2px;">
				<h:outputText value="Código" />
				<h:outputText value="Nome" />
				<h:outputText value="Telefone" />
				<h:outputText value="" />

				<p:inputText id="cClienteCodigo" value="#{beanCliente.filtro.id}"
					maxlength="4" size="7" />
				<p:inputText id="cClienteNome" value="#{beanCliente.filtro.nome}"
					size="78" />
				<p:inputMask id="cClienteTelefone"
					value="#{beanCliente.filtro.telefone}" maxlength="4"
					mask="(99) 9999-9999" />
				<p:commandButton value="Buscar" icon="ui-icon-search"
					action="#{beanCliente.find}" update="cClienteTabelaCliente"
					process="@this" />
			</h:panelGrid>

			<br></br>
			<p:separator />

			<p:outputPanel id="cClienteTabelaCliente">
				<p:dataTable value="#{beanCliente.clientes}" var="cliente">
					<p:column headerText="Codigo">
						<h:outputText value="#{cliente.id}" />
					</p:column>
					<p:column headerText="Nome">
						<h:outputText value="#{cliente.nome}" />
					</p:column>
					<p:column headerText="Telefone">
						<h:outputText value="#{cliente.telefone}" />
					</p:column>
					<p:column width="10">
						<p:commandButton id="selectCliente" ajax="false"
							icon="ui-icon-search" title="Detalhes" action="manterCliente">
							<f:setPropertyActionListener value="#{cliente}"
								target="#{beanCliente.cliente}" />
						</p:commandButton>
					</p:column>
				</p:dataTable>
			</p:outputPanel>

			<br></br>
			<p:separator />


			<h:panelGrid columns="3" style="float: right;">
				<p:commandButton id="cClienteNovo" value="Novo"
					title="Criar Cliente" action="manterCliente" />
				<p:commandButton id="cClienteLimpar" value="Limpar"
					action="#{beanCliente.reinit}" update="cClienteForm" />
				<p:commandButton id="cClienteVoltar" value="Voltar"
					onclick="history.back()" />
			</h:panelGrid>

		</p:panel>

	</h:form>

</body>
</html>